
/* 此文件不要私自修改 */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup{margin:0;padding:0;}
input,select,textarea{font-size:100%;}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
ul,ol,li{list-style:none}
em,i{font-style:normal}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
img{border:0;max-width:100%;}
input,img{vertical-align:middle;}
input:focus,a:focus{outline:none;}
a{color:#353d44;text-decoration:none;}
a:active{opacity:.7;}
*{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing:border-box;}
html{-webkit-text-size-adjust:none;overflow-y:scroll;}

/* Site Global */
body{min-width:320px;line-height:1.5;color:#353d44;font-family:Arial, Helvetica, STHeiTi, sans-serif;background:#F2F2F2;}
.w{margin:0 auto;max-width:15rem;}
.layout{margin:.2rem;-webkit-box-sizing:border-box;}
.pdlayout{padding:.2rem .6rem;}
.fix:after{display:block; content:''; clear:both; visibility:hidden;}
.cl{clear:both;}
.fl{float:left}
.fr{float:right;}
.block{display:block;}
.dib{display:inline-block;}
.hide{display:none}
.mt20{margin-top:.4rem !important;}
.mt10{margin-top:.2rem !important;}
.f12{font-size:.58rem;}
.f14{font-size:.58rem;}
.f16{font-size:.58rem;}
.f18{font-size:.58rem;}
.f20{font-size:.58rem;}
.fhalf{font-size:.4rem;}
.scale{-webkit-transform:scale(.8);}
.font{font-size:.58rem;}
.f30{font-size:.6rem;}
.tr{text-align:right;}
.tc{text-align:center;}
.pa{position:absolute;}
.pr{position:relative;}
.gray6{color:#666;}
.gray9{color:#999;}
.vm{position:absolute;top:50%;-webkit-transform:translateY(-50%);}
.hm{position:absolute;left:50%;-webkit-transform:translateX(-50%);}
.bold{font-weight:700;}
.of{overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.wb{word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;}
.snPrice{color:#E21D1D;}
.snPrice em{padding-left:2px;}
img.liprice{height:20px !important;width:auto !important;}
.p{margin:5px 0;}
.overtouch{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.sn-icon:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' ';}
.input-reset{-webkit-appearance: none;-webkit-border-radius: 0;}

/* layout */
.wbox{display:-webkit-flex !important;display:-webkit-box;}
.wbox-flex{-webkit-flex:1 !important;-webkit-box-flex:1;word-wrap:break-word;word-break:break-all;}
.bbox,p,div{-webkit-box-sizing:border-box;}
.sn-iconbtn:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' ';}
.sn-block{background:#FFF;}

/* element */
.border-t{border-top:1px solid #DCDCDC;}
.border-b{border-bottom:1px solid #DCDCDC;}
.border-tb{border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;}
.sn-txt-muted{color:#909090;}
.sn-txt-assertive{color:#E21D1D;}
.sn-txt-positive{color:#eda200;}
.sn-txt-tips{color:#CACACA;}
.sn-tag{display:inline-block;padding:0 0.2rem;border-radius:2px;color:#fff;font-size:.4rem;}
.sn-tag-a{background:#eb3b17;}
.sn-tag-b{background:#ee3852;}
.sn-tag-c{background:#fc2f4d;}
.sn-tag-d{background:#5552AD;}
.sn-tag-e{background:#eda200;}
.sn-tag-f{background:#ccc;}
.dashed{height:1px;font-size:0px;overflow:hidden;border-top:1px dashed #DCDCDC;}
.arrow{padding-right:.1rem;}
.arrow:after{content:"";display:inline-block;width:0.28rem;height:0.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotateZ(135deg);}


/* 
  rem方式，750px 为高保真基准，原高保真大小除以基数50，即 10px/50 = 0.2rem，以此类推,字体还是 px
 */

html{font-size:50px;}
body{font-size:12px;}
@media screen and (min-width:320px){
  html{font-size:21.333333333333332px;}
  body{font-size:12px;}
}
@media screen and (min-width:360px){
  html{font-size:24px;}
  body{font-size:12px;}
}
@media screen and (min-width:375px){
  html{font-size:25px;}
  body{font-size:12px;}
}
@media screen and (min-width:384px){
html{font-size:25.6px;}
body{font-size:14px;}
}
@media screen and (min-width:400px){
html{font-size:26.666666666666668px;}
body{font-size:14px;}
}
@media screen and (min-width:414px){
html{font-size:27.6px;}
body{font-size:14px;}
}
@media screen and (min-width:424px){
html{font-size:28.266666666666667px;}
body{font-size:14px;}
}
@media screen and (min-width:480px){
html{font-size:32px;}
body{font-size:15.36px;}
}
@media screen and (min-width:540px){
html{font-size:36px;}
body{font-size:17.28px;}
}
@media screen and (min-width:720px){
html{font-size:48px;}
body{font-size:23.04px;}
}
@media screen and (min-width:750px){
html{font-size:50px;}
body{font-size:24px;}
}

/* loading */
@-webkit-keyframes bounce {0% {left:0; z-index:1; } 5% {left:0; z-index:1; } 25% {left:.24rem; z-index:1; } 50% {left:.52rem; z-index:3; } 75% {left:.24rem; z-index:3; } 95% {left:0; } 100% {left:0; z-index:3; } }
@-webkit-keyframes bounce-left {0% {left:.52rem; } 5% {left:.52rem; } 25% {left:.24rem; } 50% {left:0; } 75% {left:.24rem; } 95% {left:.52rem; } 100% {left:.52rem; } }
@-webkit-keyframes rotate {0% {-webkit-transform:rotate(0); } 100% {-webkit-transform:rotate(360deg); } }
.sn-html5-loading {position:relative;display:block;height:.48rem;width:.97rem;z-index:1000;margin:0 auto;}
.fixedLoading{position:fixed;left:50%;top:50%;margin:-.48rem 0 0 -.48rem;z-index:9999;}
.loagMask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background:rgba(0,0,0,.28);}
.sn-html5-loading .blueball, .sn-html5-loading .orangeball {display:block;width:.48rem;height:.48rem;position:absolute;top:0;left:0;border-radius:.6rem;background:#eda200;-webkit-animation:bounce 1.2s infinite;-webkit-animation-timing-function:linear;z-index:3;}
.sn-html5-loading .blueball {left:.52rem;background:#353d44;-webkit-animation:bounce-left 1.2s infinite;-webkit-animation-timing-function:linear;}
.sn-mask-loading.fixedLoading{position:fixed;left:50%;top:50%;margin:-.36rem 0 0 -.36rem;z-index:9999;}
.sn-mask-loading{width:1.2rem;height:1.2rem;position:relative;margin:0 auto;background:rgba(0,0,0,.3);border-radius:.2rem;z-index:1000;}
.sn-mask-loading:after{content:"";position:absolute;width:.72rem;height:.72rem;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAJdFJOUwD+ELHdi00wbfD3fpAAAADbSURBVCjPY2CgDLBnBBtHFCCLsIWGGgNBE5Ka1tBgoIiJcwJcqKI1NF2BqcLExQOuraMDbAybiUsAVKisA6pB1cUVwmBKS4epb3GBSLKnwW1ndXEC0+rlcHuYoBaUFyGckygClilHcjWLIMgwJiUFhBCHYABYCNlnggboQkyCDiBSATkABAUwQglTCKIRBUCMRwGsggHoQhCnooBEQQzTHUXRhZgFhdCFAlGMUgZhQWR97I4gR6G4qlGQKdURRZGyIBggm2QIFgliQFPliubwRkHM1OSImcKU4SwAH1UgWePsA0wAAAAASUVORK5CYII=); background-size:.72rem;top:50%;left:50%;margin:-.36rem 0 0 -.36rem;-webkit-animation:rotate .7s infinite;-webkit-animation-timing-function:linear;}

/* nav-title */
.sn-nav{position:relative;height:1.76rem;background:#F8F8F8;line-height:1.76rem;font-size:.6rem;/*box-shadow:0 1px 1px #DCDCDC;*/border-bottom:1px solid #DCDCDC;}
.sn-nav-title{width:60%;margin:0 auto;text-align:center;color:#353d44;}
.sn-nav-back,.sn-nav-right{margin:0 .56rem;position:absolute;width:19%;top:0;}
.sn-nav-back a,.sn-nav-right a{position:absolute;top:0;display: block;}
.sn-nav-back{position:absolute;left:.1rem;top:0;width:.48rem;height:1.5rem;}
.sn-nav-back a{width:1.5rem;height:1.5rem;text-indent:-100rem;overflow:hidden;}
.sn-nav-back:before{content:"";position:absolute;top:.6rem;left:0;display:inline-block;width:.48rem;height:.48rem;border:solid #353d44;border-width:1px 0 0 1px;-webkit-transform:rotate(-45deg);}
.sn-nav-left{position:absolute;left:0;top:0;height:1.8rem;width:19%;}
.sn-nav-right{position:absolute;right:0;top:0;height:1.8rem;width:19%;}
.sn-nav-right img{position:absolute;top:50%;-webkit-transform:translateY(-50%);right:0;}
.sn-nav-right a{position:absolute;right:0;color:#353d44;}
.nav-more-list{display:none;position:absolute;top:2.36rem;right:-.3rem;background:#484F55;z-index:112;border:1px solid rgba(0, 0, 0, 0);border-radius:2px;}
.nav-more-list:after{content:"";position:absolute;top:-.9rem;right:.2rem;display:inline-block;width:0;height:0;border-style:solid;border-color:transparent transparent #484F55 transparent ;border-width:0.5rem;}
.nav-more-list li{border-bottom:1px solid #5B6166;width:5rem;height:1.8rem;line-height:1.8rem;text-align:left;text-indent:2.7em;background:#484F55;}
.nav-more-list li a{position:relative;display:block;width:100%;color:#fff;}
.nav-more-list li a.nav-more-icon:after{content:"";position:absolute;left:.3rem;top:50%;margin-top:-.5rem;width:1rem;height:1rem;-webkit-mask-repeat:no-repeat;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #fff));-webkit-mask-size:1rem;}
/*.nav-more-list li a.nav-more-icon.home-icon:after{-webkit-mask-image:url(images/sbar01.png);}
.nav-more-list li a.nav-more-icon.cart-icon:after{-webkit-mask-image:url(images/sbar02.png);}
.nav-more-list li a.nav-more-icon.search-icon:after{-webkit-mask-image:url(images/sbar03.png);}
.nav-more-list li a.nav-more-icon.ebuy-icon:after{-webkit-mask-image:url(images/sbar05.png);}*/
.screenIfm{display:none;position:fixed;left:0;top:0;width:100%;height:100%;/*background:#000;*/opacity:0.3 !important;z-index:111;}
/* footer */
.footer{background:#FFF;height:1.92rem;line-height:1.92rem;}
.footer li{-webkit-flex:1 !important;-webkit-box-flex:1;word-wrap:break-word;word-break:break-all;text-align:center;background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABGdBTUEAALGPC/xhBQAAAANQTFRF3d3d7t+OggAAAAxJREFUCNdjYCAPAAAAOAABXibFHwAAAABJRU5ErkJggg==) right center no-repeat;background-size:1px .56rem;width:25%;}
.footer li:last-child{background:none;}
.footer a{display:block;font-size:.56rem;height:1.92rem;overflow:hidden;}


.type-choose{}
.type-choose .choose{position:relative;margin:.2rem .4rem 0 0;float:left;max-width:3.6rem;height:1.2rem;}
.type-choose .choose-disabled{}
.type-choose .value{position:relative;z-index:11;padding:0 .4rem;width:100%;top:1px;display:block;line-height:1.2rem;  overflow: hidden;height: 1.2rem;}
.sn-input-radio-filter{position:absolute;left:0;top:0;width:100%;height:1.2rem;border:1px solid #DCDCDC;padding:0 .2rem;background:#FFF;z-index:10;}
.sn-input-radio-filter:checked{border:1px solid #eda200;background:#fff url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAO2iAO2iAO2iAO2iAO2iAO2iAO2iAHBlw4QAAAAHdFJOUwCAvfYYUFItZeQaAAAAXklEQVQY003OywnAIBBFUVNFCkjACsS9LaQGG4iL237QEXLfaobDfFL6c6hOpwEDBgwYMGDAgAEDgjcL7ixoGAi4FhDQ6wRiojwTiInRJ7BXlRZH16pRVxNfRfZXkQ8w/jkRmyn9BAAAAABJRU5ErkJggg==) no-repeat right bottom;background-size:.48rem;border-radius:.04rem;}
.sn-input-radio-filter:checked+span{color:#eda200;}
.sn-input-radio-filter:disabled+span{color:#CACACA;}

.sn-title{height:1.8rem;line-height:1.8rem;padding:0 .6rem;font-size:.56rem;}


.pro-list{padding:.4rem;display:block;}
.pro-list a{display:block;}
.pro-list .pro-img{margin-right:.4rem;}
.pro-list .pro-img img{width:2.4rem;height:2.4rem;display:block;border:1px solid #DCDCDC;}
.pro-list .pro-name{/*height:30px;*/line-height:.7rem;overflow:hidden;margin-bottom:.32rem;}
.pro-list .pro-info{position:relative;-webkit-box-orient:vertical;-webkit-box-pack:center;}
.pro-list .pro-info .list-opra{position:absolute;right:0;bottom:0;}

.sn-list-common{}
.sn-list-common li{position:relative;display:-webkit-box;border-bottom:1px solid #DCDCDC;}
.sn-list-common li:last-child{border-bottom:none;}
.sn-list-input label.input-text{height:1.2rem;line-height:1.2rem;}
.sn-list-input li{position:relative;display:-webkit-box;margin-left:.6rem;padding:.5rem .6rem .5rem 0 ;border-bottom:1px solid #DCDCDC;}
.sn-list-input li:last-child{border-bottom:none;}
.sn-list-div{position:relative;padding:.6rem;border-bottom:1px solid #E0E0E0;}
.sn-list-div a{display:block;}
.sn-list-div a:after{content:"";display:inline-block;position:absolute;right:0.4rem;top:50%;margin-top:-0.16rem;width:0.28rem;height:0.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotateZ(135deg);}

.sn-btn{display:inline-block;text-align:center;padding:0 .5rem;height:1.2rem;line-height:1.2rem;border-radius:.1rem;}
.sn-btn.sn-btn-block{display:block;}
.sn-btn.sn-btn-assertive{background:#E21D1D;color:#fff;}
.sn-btn.sn-btn-big{height:1.56rem;line-height:1.56rem;font-size:.6rem;}
.sn-btn.sn-btn-dark{background:#909090;color:#ccc;}
.sn-btn.sn-btn-positive{background:#eda200;color:#fff;}
.sn-btn.sn-btn-assertive.sn-btn-outline{border:1px solid #E21D1D;color:#E21D1D;}
.sn-btn.sn-btn-positive{background:#eda200;color:#fff;}
.sn-btn.sn-btn-positive.sn-btn-outline{border:1px solid #eda200;color:#eda200;}
.sn-btn.sn-btn-dark.sn-btn-outline{border:1px solid #909090;color:#333;}
.sn-btn.sn-btn-outline{height:1.2rem;padding:0 .5rem;line-height:1.2rem;background:transparent;border-radius:.1rem;}

.sn-tab{overflow:hidden;width:100%;}
.sn-tab-nav{height:1.86rem;background:#fff;line-height:1.76rem;text-align:center;box-shadow:0 -1px 0px #DCDCDC inset;}
.sn-tab-nav li{-webkit-flex:1 !important;-webkit-box-flex:1;word-wrap:break-word;word-break:break-all;font-size:.6rem;}
.sn-tab-nav li.current{border-bottom:.12rem solid #eda200;/*color:#f29400;*/font-size:.65rem;}
.sn-tab-nav li.disabled{color:#cacaca;}
.sn-tab-content{-webkit-transition-property:transform;-webkit-transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.1, 0.57, 0.1, 1);}
.city-list{background:#F2F2F2;}
.city-list li{height:1.8rem;line-height:1.8rem;border-bottom:1px solid #DCDCDC;text-indent:.6rem;}
.city-list li.cur,.city-list li:hover,.city-list li:active{background:#DCDCDC;color:#eda200;}
/* */
.arrive-state{position:relative;padding-left:45px;padding-right:10px;overflow:hidden;}
.arrive-state .state{position:relative;padding:5px 10px;margin-top:10px;}
.arrive-state .state:after{content:"";position:absolute;top:19px;left:-21px;width:2px;height:110%;background:#CCCCCC;}
.arrive-state .state:last-child:after{content:"";height:120%;overflow:hidden;background:none;}
.arrive-state .state .icon{position:absolute;top:9px;left:-26px;width:12px;height:12px;background:#CCCCCC;border-radius:12px;}
.arrive-state .on .icon{left:-26px;border-radius:11px;border:3px solid #F6D07F;background:#eda200;width:13px;height:13px;z-index:10;}

.sn-fixed{position: fixed;width:100%;height:2rem;line-height:2rem;left:0;bottom:0;background:#262523;z-index:100;color:#909090;}

.sn-input-box{margin-left:.1rem;overflow:hidden;}
.sn-input{width:100%;line-height:1.2rem;border:1px solid #DCDCDC;padding:0 5px;}
/*.sn-input-box:after{content:"";position:absolute;top:50%;right:.64rem;width:.8rem;height:1.1rem;background:#fff url(images/clo-se.png) no-repeat center;background-size:.6rem;-webkit-transform:translateY(-50%);}*/
.clo-se-input{display:inline-block;width:.8rem;background:#fff url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURQAAAJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJBDX34AAAAOdFJOUwD+1EAY68AFgF8Sk5YmM0bnrAAAAORJREFUGNNjYAACdutUwbDNBQxQwNUqCAIRC6D8qYIaJuXOTYKREG6NYDKYNhM8DtacKAlVN1EMZAS3qAGUzxy4ASQqDDOXwRCokitwApzPKbqAgUOMAQESGxhKgcrZVIBspwSghnAGQwUGBiYhBwYWRSCfSZhhYwMDkK3C4CQEdB6HNEMiyDYnIRdFLZCNYgyBDgwgBUogaQYWUQZBsLecBLXAbhWE81WgfLh6B4h6qHlLFFUg5kHs0wIKOYDtg7hnAVBMAewesHuzEO5F9w+6f9HDAyO80MMTPbwx4gMjvpDjEwAZ3zJPeAgP+gAAAABJRU5ErkJggg==) no-repeat center;background-size:.6rem;}
.sn-input-text-a{border:none;width:100%;}
.sn-switch{position:absolute;font-size:.64rem;right:.6rem;top:50%;-webkit-transform:translateY(-50%);width:2.08rem;height:1.28rem;line-height:1em;}
.checkbox-switch{width:2.08rem;height:1.28rem;position:absolute;z-index:10;border:0;background:0 0;-webkit-appearance:none;outline:0;}
.sn-switch input:before{content: '';width:2rem;height:1.2rem;border: 1px solid #DFDFDF;background-color: #FDFDFD;border-radius:0.8rem;cursor:pointer;display:inline-block;position:relative;vertical-align:middle;-webkit-user-select:none;box-shadow: #DFDFDF 0 0 0 0 inset;-webkit-transition:border .4s,-webkit-box-shadow .4s;-webkit-background-clip:content-box;}
.sn-switch input:after{content:'';width:1.2rem;height:1.2rem;position:absolute;top:1px;left:0;border-radius:100%;background-color:#FFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-transition: left .2s;}
.sn-switch input:checked:before {border-color: #EDA200;-webkit-box-shadow:#EDA200 0 0 0 16px inset;box-shadow:#EDA200 0 0 0 16px inset;background-color:#EDA200;-webkit-transition:border .4s,-webkit-box-shadow .4s,background-color 1.2s;}
.sn-switch input:checked:after {left:0.84rem;}
.sn-checkbox{width:0.88rem;height:0.88rem;border-radius:0.08rem;border:1px solid #DCDCDC;}
.sn-checkbox:checked{border-color:#eda200;background:#eda200 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAP///////////////////////////////////////////7QJjekAAAAMdFJOUwD+jrvwDD1UbCga4AzsdzgAAAB8SURBVBjTY2BABpwKKFyGEnEULpOgKTKX1VCCgYE9AM6fLZLAwKAIV8LuaAUkVwvD+IpCIKWcjlA7Fgs2gOkUITDFtnEbRJwNIt4ovACqrxDkiCBBuNM4BBMYuAzdEe5QdGNIkZ6A5EyRGagONXQUQvFHsEgBCp9VE84EABN5EA+ig9/6AAAAAElFTkSuQmCC) no-repeat center;background-size:80%;}
.sn-select{position:relative;vertical-align:middle;}
.sn-select select{display:inline-block;text-align:right;width:40%;-webkit-appearance:none;position:absolute;top:0;right:0;padding:0 .6rem 0 16px;max-width:65%;border:none;background:#FFF;text-indent:0.01px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;direction:rtl;color:#909090;-webkit-box-orient:vertical;-webkit-box-pack:center;}

.sn-select:after{content:"";position:absolute;right:0;top:.3rem;display:inline-block;width:0;height:0;margin-left:0.2rem;border-style:solid;border-color:#909090 #FFF #FFF #FFF ;border-width:0.2rem;}


/*count*/
.sn-count{width:4.2rem;height:0.84rem;line-height:0.84rem;overflow:hidden;}
.sn-count a{float:left;display:inline-block;width:1.2rem;height:0.84rem;border:1px solid #DCDCDC;background:#F5F5F5;text-align:center;}
.sn-count a.cover{background-color:#CACACA;}
.sn-count a:after{content:"";display:inline-block;width:0.6rem;background-repeat:no-repeat;background-position:center;background-size:100%;}
.sn-count .count-add{border-radius:0 0.04rem 0.04rem 0;background:#F5F5F5 url(images/add.png) center no-repeat;background-size:.6rem;}
.sn-count .count-min{border-radius:1px 0 0 1px;background:#F5F5F5 url(images/min.png) center no-repeat;background-size:.6rem 1px;}
.sn-count .count-add:after{height:0.84rem;}
.sn-count .count-min:after{height:1px;}
.sn-count .count-num{float:left;width:1.6rem;height:0.84rem;border:0 none;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;background:#FFF;text-align:center;line-height:0.84rem;font-size:0.48rem;}

/* layout 带操作的列表 */

#Top{position: fixed;bottom:1rem;right:.6rem;border-radius:1.6rem;width:1.6rem;height:1.6rem;background:#5B6167 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmBAMAAAAhNzZRAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAA////////////////////////////AAAA////1NnxJAAAAAl0Uk5TAN3zXsMyFZ8Alc3kwAAAAKlJREFUKM9jmIkKGND5xAFW4wAUfuTMqchcNsnyiQlI/JTpDJViSHxPN4aUKQguO1Axm2QBnF+pCiSCpsOlZ4IsY9WEKYicDKYsoVayKkEk2CdB3JQI0wixks3TAcpnmZIAtQzqSk+Qxko1uL1J0xGmMECttFRGcrflZIZKAyQ+83QGS1CoTQCyOUGMyQzMnkj8KRDFnBNgBMOw4LOAk4oDIpxAfp4CDjcAxtdL76lU1wEAAAAASUVORK5CYII=) no-repeat center;background-size:.6rem .76rem;z-index:50;}

/* */
.lazyimg img,.lazybox{background:#fff url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAdCAMAAAAdK4vkAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURQAAAPf39/b29vn5+f////////39/ebm5vLy8urq6vDw8P39/f///+vr6////+rq6dvb29bW1v///+Hh4fDw7yUnHAEAAAAPdFJOUwCMoHw8KlH+t+3NZwzfGdofFLUAAAOtSURBVEjHtVaJcus2DORNgpfAQP//rV0esp20melM++BEEiV5CS52QSv1jtBuq/5IlCvGy/wJ5HDHC/E/Y9vWcr5OUG5k+utZT2W9kt63wvvaW73DrltOa696tt0/yGAixgd6DfLBbRQHU2vEI1KuyiWied2IdAWHMnjHuIBWeAwJAQehsADyG/aJ223oiyXiwzIPl/KYSOYtER5ZdeFUdqTRlBe2dsSA6WXIQmjXb9Cq1qpCtqp6711XZjTnV/Qi7AILVtQIa7CZfRgmhMTF4phHWln/A/Qhy5cSkFA4w8zlxXjmAOi2Y0EXNkKJ8UlDC/1GyIO1uRwMKucCUnBP2FRBiPkgxLJplDe0XdDh/nvWjwZDNgbf1wQmKKt0igbC8V8+yxjdC1pS4pU1nLKF8ejjE9tfJnCsqtIwLDW0tIIGpZQdCidmxxTfT+hw0sS8+8yf2HYYvQqCY5RHrRjpc+aWpyko676h0xv6EH1DW1+Im/nhZIoEpOFvzZGI3Rt6TVwjT5lFpDW1iDwAPV7Q9Krh14o38WF9d4psQzcOP6DLaD2P4EAZNO0dGZGUDSezFKIPkNwb+uvhvE3jcrOTagVFm/yGTpuQNsqENXOitbg2wF4ASVsh6cjt615x0o5Lfvqh2sUBfT2ixkrWLMVWIHbGCHUOWAVFXBMmCDzFlw4b9/TvfTjZwoaO8yg1N56ynez73Obo9Bgsiz246kkGoGQEcKQ6FNNWRpVmzpvnh+7H6OgakBw0/DS7slRt6kM6J0XTlkwezzAjrQVBnf4Y/SH6oft+6czDhs69umidRvxouQ7d0OHkz2Af5rfUaU/foD+z/i3qv3vWru/Y785XNcWoPaH1ZQMrSrRwr8PWIQ1v6Ch5MeXhJ6Mshl6lHFvJh0ETp83vE9Pq8a5Hv1fKNqAknpvBpiBomdNFkVi6ZaLVl52MGKEluLwFGdds6bvSnoD72mOuG6PwWCOiWTvUqkvWrHFpNJcEFxnGipRa7jdT01VwCbVGeGWEyvHUyjm/9R3J+Y86lRSnayZ00zxnMRbQEwRehqtoQqepii7Sp2nhNY2xxA/20zWZ6N92eR00A0MCnGPHzhrmYY9M4SFrWVwyhcUWOEAHbGGyslYsn0AG2/k3ZAVQtE2c0A99EUCLsbKzllBpbpRFqM4Xkm/YQm0HIVaCivQNybmfmvJh7V04dUga87pe0abdFHiFhkOUPjW83qvr5WUEqN3/l58vWtAN0x/5JRem6H/3zl8OVklIy0odWAAAAABJRU5ErkJggg==) center no-repeat;}


.starBar{height:.48rem;width:3.2rem; -webkit-mask-image:url(images/star.png);background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #DCDCDC), color-stop(100%, #DCDCDC));-webkit-mask-size:3.2rem .48rem;}
.starBarMask{height: .48rem; background:url(images/star.png) no-repeat;background-size:3.2rem .48rem; width:3.2rem; position: absolute; left:0;top:0;}

/* sn-ibar */
.sn-ibar{position: fixed;left: .4rem;bottom:6rem; z-index: 102}
.sn-ibar-toggle{width: 1.6rem;height:1.6rem;border-radius:50%;border: 1px solid #2f8ffd;background-color:#2f8ffd;position: absolute;z-index: 999;-webkit-transition: all ease .2s;-webkit-transform-origin:50% 50%;}
.sn-ibar-toggle .hline,.sn-ibar-toggle .vline{position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);background-color: #fff;width: 1px;height:.64rem; }
.sn-ibar-toggle .vline{height: 1px;width:.64rem;}
.sn-ibar-wrap{position: absolute;z-index: 103;width: 8.88rem;height:8.88rem;left: -3.68rem;top: -3.68rem;border-radius: 50%;border: 1px solid #dbdbdb;background-color: rgba(255,255,255,.8);-webkit-transition: all ease .2s;}
.sn-ibar.open .sn-ibar-toggle{-webkit-transform:translate3d(0,0,0) rotate(225deg);background-color: #fff;border-color:#909090}
.sn-ibar.close .sn-ibar-toggle{-webkit-transform:translate3d(0,3.4rem,0) rotate(0deg);background-color: #eda200;border-color:#eda200 ;}
.sn-ibar.open .hline,.sn-ibar.open .vline{background-color: #909090}
.sn-ibar.close .hline,.sn-ibar.close .vline{background-color: #fff}
.sn-ibar.open .sn-ibar-wrap{opacity: 1; -webkit-transform: scale(1);pointer-events: auto;}
.sn-ibar.close .sn-ibar-wrap{opacity: 0; -webkit-transform: scale(0.3);pointer-events: none;}
.sn-ibar-wrap .item{display: block;width:2.28rem;height:1.8rem;position: absolute;font-size: 12px;color: #353d44;z-index: 999;}
.sn-ibar-wrap .item .title{text-align: center;margin-top: 0.1rem;}
.sn-ibar-wrap .item:nth-child(1){top: .56rem;left:3.3rem;}
.sn-ibar-wrap .item:nth-child(2){top: 1.64rem;left:5.34rem;}
.sn-ibar-wrap .item:nth-child(3){top: 3.68rem;left:6.5rem;}
.sn-ibar-wrap .item:nth-child(4){top: 5.8rem;left:5.34rem;}
.sn-ibar-wrap .item:nth-child(5){top: 6.6rem;left:3.3rem;}
.sn-ibar-wrap .item .icon{width:1rem;height:1rem;margin:0 auto;-webkit-mask-repeat:no-repeat;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #353d44), color-stop(100%, #353d44));-webkit-mask-size:1rem;}
/* 整站通用图标 */
.sn-ibar-wrap .item:nth-child(1) .icon,.nav-more-list li a.nav-more-icon.home-icon:after{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABJQTFRFLo/9Lo/9Lo/9Lo/9AAAALo/9x5IphwAAAAV0Uk5TWOIgqQDx9kpIAAAA1ElEQVQ4y+2UQRKDIAxF4wzunU45QKd6ASt7GnWvYu5/lVKwIBJ7ArNA4OEnP4IwnAXs+volTogiw5MnAbUc0fI2PGbBEGXqAZXJSU9daBOCqnLPwr6ZkmL2MyinlESV0INNawo7l5ueJ/ts0WYfiN47tI5FIMoktfRDiItiNZwE+LKk4baFTOunB9aAyIi2pgBlxXxQWxJo5pohKBcoO/YU9BM0RGs2PxItgIolprZZjwxZnZ+LXOQ/eS8Zae6O9Mxd6BxBScf4nnV/546gPfzF0vgAsaxKR7EkvqwAAAAASUVORK5CYII=);-webkit-mask-position:0 0;}
.sn-ibar-wrap .item:nth-child(2) .icon,.nav-more-list li a.nav-more-icon.cart-icon:after,.my-cart .icon{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABhQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9QGDOBQAAAAd0Uk5TJJJ1tkXrAPzIW2oAAADnSURBVDjL7ZNNDoIwEIWJC44gJ0AuYOQABNyr0C0o1K1UcK5vM9NKQxlMXDsJi8eXaefnNUgBQC5FACzhc/SnSSbAiXH/ITnM4mJIA6fQPaiOYUskUvNL4p4IFHPSQoFE+ZUlFZKDT7oByc4n1yeS0Cf1aDr1A/7kdyJ4wm4hZTd3rLhtd6xD2gVXCXSV9J2YkBOl715B7pWs43Vkpfu/tK9Esi9rlWTiPFVOgkijD+8tMIJIpMKNLlS6Akk76ux8MO0bgeSmcLpErEDSPXAjZspGILm/5LR0K77k8PfwtfH9rMxgaW5vBXTrw52l9PkAAAAASUVORK5CYII=);-webkit-mask-position:0 0;}
.sn-ibar-wrap .item:nth-child(3) .icon,.nav-more-list li a.nav-more-icon.search-icon:after{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABVQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAAhP0sDQAAAAd0Uk5TYzEWntv+AJnAin8AAAEGSURBVDjLjdTNDoMgDABgTaZnk02fwHDfIp43jTs7ofcJC+//CItWJyCN42LMZ5GftpGhRnQsWdXJNt6LqmAeLfNEcWhjprIKBHPlBFd8PcPdEb3CRLUlivfbjxNhiZbFJmNXb8If9j5y8ZM3FLaMkK5S9u7mk2YVXruixSLKnWyajqFo4Z8lThKZz8uX/ImCT3vgt5FJal90j8JTX94CpSt8GeUizBe1COxTAI6Eno1eAb1qeqf06dAnSt8CfXP0be8zZDjOKi8TL4LM3oHKeJCMqJJb14QrqzelZEQ1KgwKVTAGWVUPa9VjULBTzEFBmYPC3WUKCssURHSkUlKi2n+62G58AagQzwmrsXO8AAAAAElFTkSuQmCC);-webkit-mask-position:0 0;}
.sn-ibar-wrap .item:nth-child(4) .icon,.nav-more-list li a.nav-more-icon.cate-icon:after{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAADU9RDU9RDU9RDU9RF2IWgwAAAAEdFJOUwAunmbKU26JAAABc0lEQVQ4y7VUbZaCMAxsCweoygFQcgBUDgAl9z/TNp+UXd/+2bd9KomTTJN0Sgi/rvh6PN25PaZsdod17eos5MzqIE5vwI3tAcv7hRjUmTmWOCLndhomj4hr/e0Zr8Gyi2w4UPQiwZFp+t3qoHzdeyGCYbVCZkFp9ZS7jMHjLD8kMsCK71f6KHU5IdvBfEYqgzMz4l6L8D7D9gHhP1P5gMDI/aqbagVmylyW8qM22HUs47dOkw1pQGHN/CXAioqI9xyBmys5XhH9uCOdMCcmtnIjEahpbNWEksN/LdpnNrndG6DzioZWlNrPhdqLuOULeKMBmClVdfRFGH2wYlQ6nSjojGHzM4FR6cdWo5TgJhfhGmsQUeSyHnoziYqKWyU6woLwmTdsUqTHtUh/QipDy9ywHZ0qm8VF1GvjFVjVpFXXq9zGckg5KnXCENyTS6s3WG+BSFU0LOo01Sbcc7QzAXyGG9p27RF3ZynWF83kmoA/SPELxo1H+loQseoAAAAASUVORK5CYII=);-webkit-mask-position:0 0;}
.sn-ibar-wrap .item:nth-child(5) .icon,.nav-more-list li a.nav-more-icon.ebuy-icon:after{-webkit-mask-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAALo/9Lo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9MGF0hQAAAAl0Uk5TAHoyVr2f4hcACU70ZwAAAe1JREFUOMt1VEtPwzAMTrtHr9NASLsNIUC9VUKAehsTMOUGAoF647Wh3gqMSfwM1jaT/y1O7KQPIJe6sf3Zsf1ZCHs+bhewuDgV7RPsAJ3HrKnwE5gPD8X77h2U44ZHAjcsHkNZ9zqBeyd/wnOl6MGsZrYPVw5LfjeCjgorddW4mU46YUnOWk9YsVOPXYLjiy2GTylSvLaZA5SkCnMyGBAEXB9tc5Ke0m/qlYygLw84QqLhwg1FK+oAXzqCpGhsEE6cXQBUphEZdHPCxluP05GUuv1NBqJPRoJdfU4hfBBfD6zhRyr69jci5sKm5NOxhck1oAU2cbjsGE9GJMaEuloLG49RRJeMJTfAV07jg4b7VJnLBGxTQnUq3tIn+wuVxpfYhSKrNKmTO5cwj9xsqJpGiJqIGhmJvw6+2L60rSltdTq3c/O9exna6lBFPUxMv3GJ+U25oqYLgSyGK8w4SKZ7O2Z4sQumVUsV4QigPY5eMCqpwKbbySsj6fnpoJO5xQnxVINoOJpmksKN6zgfr6CpwkkcTZqcTSMziQEMZJMlIj4j+DhXrQL0IWeWfLc0nuWjXP/DLGRj1mLjzDH4qcXgrGJ9vRXLivW4KWrsfqtvCqxxEbk90dgueiNda7eP7dZGoi22OF/83mJ/bL4fUySQ/0TSZf8AAAAASUVORK5CYII=);-webkit-mask-position:0 0;}
.sn-ibar-mask{display:none;position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color: rgba(0,0,0,.3);z-index: 101}
.sn-ibar.open .sn-ibar-mask{display: block}

/* sn-client */
.sn-client-b {background: #fff;padding: .3rem .5rem;height:1.8rem;position: relative;}
.sn-client-a {position: absolute;right: .5rem;border: 1px solid #909090;color: #333;height: 1rem;padding: 0 .4rem;line-height: 1rem;border-radius: .2rem;display: inline-block;text-align: center;top:.4rem;}
.sn-client-b span,.sn-client-t .sn-client-div{background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByBAMAAAB985hOAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURSIYFEIyGCIYFCIYFPe0AP///wEAAOOlAfztxvzUbJBpBp2dnbvHHR8AAAADdFJOUwH1Y0bEi/MAAALJSURBVFjD7ZlBb9MwFMcNfAFGB5M4FfEFlmXapHGaMCTZFSy16mmqZJA4RYs4cO7Qem+l5ohWcegVlQtfjjRxEjt9z05eLgjtf4van/7Pz46f/cJYqVcD3y3vGWvqcRsuZ4cN0G+vIRU00UEn0qvBJ343HdNi1eN93Zk8UaTfXbRR1iPFE3tgTy+an4uEB/e2HGHBegnnPBhYwsUye8R3ii3ZtVlaTPFhFpa46ZA9slripk+xBJWWqOkxkqDKEjU9QdZBbYmZejCpWWKmHnNaYqYm+TLhuIIfOHnB7bpHycRBBhjpsjRNdfLQSV4i5NpJXiFk4iQDhORuPZAP5P9Dei3IAUgetSBjiPSSFqS297JOlrop62SpmzLI8tvGqA6bNWTKAMvgTH7S/vtTThPAlAGWl1JOtUcp5SFgyoBRvs/+Wz9fNcjSlAGJVWS0upsvsn82yNKUAVttEW0qdsrQMynXwKbLgIqSZygSQqFfjQxV1aUgzxtFYJNEt4ocNWYl041Gnu7N+FKU+rj321uN3K9itxU5QioaQoai1sJGnuLBCjG2RXuOBwuQN+isZBK64JrPwKIbGeQCLL8MfK1DGxnjK56nSzE5KLUV45TjK94wXWU+32Wpz9nTHH/LdNM81N8V+WX3OMPfbM00n5EPFfncHGuM72BFdkYvFHhdZGmG72CVqVo+E0VuzeUQW3bqci5+5eAbczmAO7UyrRZBHu91Y1JjS0WqF0EW73RbPc0sFamogu/qtTP5U4PqBffbkYb+TTJEyJmTjBBy4T5hIGSLs8kSBMctyNAyTMd5yDJMBxnilq4z2GoPnLc9vaV3plLXuY9+06Hfrug3Ovotkn5z7XFbpt/Qu3UF6J0IeveD3nGhd3nonSV6N4veQevRtaN3CundSXpHtEcXlt757dFtpne46V31Hp38Hl8P6F8senwlIXyZ+QvNquCG1SOlkQAAAABJRU5ErkJggg==) no-repeat left top;background-size:contain;}
.sn-client-b span {color: #333;display: inline-block;height: 1.2rem;line-height: .65rem;padding-left: 12%;width: 75%;overflow: hidden;}
.sn-client-t {padding: .3rem .5rem;height:1.8rem;width: 100%;background-color:#484f55;position: relative;}
.sn-client-t .sn-client-div {padding-left: 12%;color:#fff;height: 1.2rem;line-height: .65rem;margin-left: 5%;}
.sn-client-t .sn-client-div p {width: 75%;height: 1.2rem;overflow: hidden;}
.sn-client-t .sn-client-top {border: 1px solid #fff;color: #fff;}
.sn-client-t .del-ete {background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAJdFJOUwAW1ezDO1iAlHYcCaMAAADOSURBVBjTZVG7DsIwDLwWShlLBDtlQdkYoCgbCDF0A8HChsRCtwp+gAmJtS0V/luS9IFIbnEucc72GVC4bsT8iQbOnRSWQc0vNN1jdKOoon3a6nikh45x1OQV+jnf1dwTKiFZtMKHUoqLc8t7eQC/wA9xis4b6IbyzFbAaYZkDLhZAIdL7pZ4pVKDh2DyDv4HsarGsgFXf7wCQnXt8EmmYw7SwoxCHQnC5Ea+qWfWM/vR/a5l7rDq15znf17bD8sv00/Lb3Mf1r7UPqne5xf3NzwjpoAZQAAAAABJRU5ErkJggg==) no-repeat top left;background-position:.2rem .2rem;background-size: .7rem;display: block;position: absolute;width:1rem;height: 1rem;top: .1rem;left: .1rem;}
/* sn-loading*/
.sn-loading-type {padding: .4rem 0;}
.sn-loading-type .sn-click-loading {display: block;border: 1px solid #dcdcdc;color:#909090;padding:.3rem .5rem;width: 30%;margin: 0 auto;text-align: center;}
.sn-loading-type .sn-pull-loading {color:#909090;display: block;text-align: center;width: 100%;position: relative;height: 1.5rem;line-height: 1.5rem;}
.sn-loading-type .sn-end-loading {width: 100%;border: solid #dcdcdc;border-width: 1px 0 0 0;position: relative;margin-top: .3rem;}
.sn-loading-type .sn-end-loading span {background: #f2f2f2;color:#909090;display: block;text-align: center;position: absolute;-webkit-transform: translate(-50%);left: 50%;margin: 0 auto;top: -0.7rem;padding: 0.32rem;}

/* 通用横向滑动 */
.app-scroller{overflow: hidden;position: relative}
.app-scroller-wp{position: absolute;-webkit-transform: translateZ(0);  }
.app-scroller-wp ul{padding:0;margin:0;  display: table;  table-layout: fixed;  white-space: nowrap;  width: auto;}
.app-scroller-wp ul li{-webkit-box-flex: 1;  display: inline-block; -webkit-box-align: center; -webkit-box-pack: center;vertical-align: top; }
